<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>蘑菇街-时尚目的地</title>
    <link rel=" shortcut icon" href="https://s10.mogucdn.com/mlcdn/c45406/170401_16fj5k6k4174bfd21d03a4gf6a7hg_48x48.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/zzscroll.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <div class="nav">
        <div class="nav-top">
            <div class="nav-in">
                <ul class="zzfr">
                    <li><a href=""><i class="iconfont icon-xiazai45"></i>首页</a></li>
                    <li>|</li>
                    <li><a href=""><i class="iconfont icon-icon-test
                        "></i>商城</a></li>
                    <li>|</li>
                    <li><a href="">我的订单</a></li>
                    <li>|</li>
                    <li><a href="">关于我们</a><i class="iconfont icon-huaban"></i></li>
                </ul>
            </div>
        </div>
        <div class="nav-bottom">
            <div class="nav-in">
                <h1 class="logo">
                    <a href=""><img src="./img/logo.png" alt=""></a>
                </h1>
                <div class="menu">
                    <i class="iconfont icon-caidan"></i>目录
                </div>
                <div class="search">
                    <input type="text" name="" id="" placeholder="半身裙">
                    <input type="button" value="">
                </div>
                <ul class="quick-list">
                    <li>
                        <a href="">
                            <i class="iconfont icon-weixin"></i>
                            <p>消息</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconfont icon-xingxing"></i>
                            <p>收藏</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconfont icon-gouwuchekong"></i>
                            <p>购物车</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconfont icon-ico"></i>
                            <p>下载APP</p>
                        </a>
                    </li>
                </ul>
                <div class="login">
                    <a href="">
                        <img src="./img/login.png" alt="">
                        登录
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="nav2">
            <div class="nav-bottom">
                    <div class="nav-in">
                        <h1 class="logo">
                            <a href=""><img src="./img/logo.png" alt=""></a>
                        </h1>
                        <div class="menu">
                            <i class="iconfont icon-caidan"></i>目录
                        </div>
                        <div class="search">
                            <input type="text" name="" id="" placeholder="半身裙">
                            <input type="button" value="">
                        </div>
                        <ul class="quick-list">
                            <li>
                                <a href="">
                                    <i class="iconfont icon-weixin"></i>
                                    <p>消息</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i class="iconfont icon-xingxing"></i>
                                    <p>收藏</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i class="iconfont icon-gouwuchekong"></i>
                                    <p>购物车</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i class="iconfont icon-ico"></i>
                                    <p>下载APP</p>
                                </a>
                            </li>
                        </ul>
                        <div class="login">
                            <a href="">
                                <img src="./img/login.png" alt="">
                                登录
                            </a>
                        </div>
                    </div>
                </div>
    </div>
    <div class="main">
        <div class="main-in">
            <div class="item">
                <div class="item-top">
                    <img src="./img/test.jpg" alt="">
                    <div class="play"><img src="./img/play.png" alt=""></div>
                    <div class="title"><img src="./img/sold.png" alt="">1件商品</div>
                </div>
                <div class="item-bottom">
                    <a href="">
                        <img src="https://s11.mogucdn.com/mlcdn/0ffcd9/180830_8g8c70l2ba62h1lcf4hg0a4gai1df_310x310.png_200x200.jpg" alt="">
                        大喜
                    </a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>